﻿.ui-alert-overlay
{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.5;
    background-color: black;
}

.ui-alert-root
{
    position:absolute;
    top: 25%;
    left:30%;
    bottom:25%;
    right:30%;
    border: 1px solid blue;
    border-radius: 10px;
    background-color: white;
    z-index: 10000;
}

.ui-alert-title
{
    position:absolute;
    background-color: yellow;
    text-align: center;
    top: 0px;
    height: 15%;
    /*line-height: 15%;*/
    width: 100%;
    font-size: 1.4rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 10000;
}

.ui-alert-content
{
    position:absolute;
    height: 70%;
    top: 15%;
    width: 100%;
    background-color: inherit;
    z-index: 10000;
}

.ui-alert-bottom
{
    position: absolute;
    height: 15%;
    bottom: 0px;
    width: 100%;
    margin-bottom: 0px;
    background-color: blue;
    z-index: 10000;
}

.ui-alert-button
{
    position:absolute!important;
    top: 15%;
    bottom: 15%;
    z-index: 10000;
}